import { createApp } from "vue"
import app from './app.vue'

joinContent(app)
injectJsInsert()

function joinContent (element) {
  const div = document.createElement('div')
  div.id = 'joinContentApp'
  document.body.appendChild(div)
  createApp(element).mount('#joinContentApp')
}

function injectJsInsert () {
  document.addEventListener('readystatechange', () => {
    const injectPath = 'js/inject.js'
    const script = document.createElement ('script')
    script.setAttribute ('type', 'text/javascript')
    script.src = chrome.runtime.getURL (injectPath)
    document.body.appendChild(script)
  })
}

// chrome.runtime.onMessage.addListener((message) => {
//   if (message.action === 'turnOffLights') {
//     toggleDarkMode();
//   }
// });

// // 切换关灯效果
// function toggleDarkMode() {
//   // 如果已经有遮罩层，则移除
//   if (document.getElementById('darkModeOverlay')) {
//     document.body.removeChild(document.getElementById('darkModeOverlay'));
//   } else {
//     // 否则添加遮罩层
//     const overlay = document.createElement('div');
//     overlay.id = 'darkModeOverlay';
//     overlay.style.position = 'fixed';
//     overlay.style.top = '0';
//     overlay.style.left = '0';
//     overlay.style.width = '100%';
//     overlay.style.height = '100%';
//     overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.8)';
//     overlay.style.zIndex = '9999';
//     overlay.style.pointerEvents = 'none';  // 不阻止点击
//     document.body.appendChild(overlay);
//   }
// }